// 引入登录api,获取用户基本信息api
import { getUserInfo, login, getUserDetail } from '@/api/user'
// 导入utils中的auth.js 把token存储在cookie
import { setToken, getToken, removeToken, setTime } from '@/utils/auth'

import { resetRouter } from '@/router'
const state = {
  // 从cookie中获取
  token: getToken(),
  // 用户信息
  userInfo: {}
}
const mutations = {
  // 存储token
  setToken(state, token) {
    // 持久化存储，存一份在vuex中，再存一份到cookie中
    state.token = token
    setToken(token)
    // 存储当前时间戳
    setTime(Date.now())
  },
  // 删除token
  removeToken(state) {
    // 清除vuex中的token，并且把cookie中的也删除
    state.token = ''
    removeToken()
  },
  // 存储用户信息
  setUserInfo(state, userInfo) {
    state.userInfo = userInfo
  },
  // 删除用户信息
  removeUserInfo(state) {
    state.userInfo = {}
  },
  // 更新头像
  uploadPhoto(state, photo) {
    state.userInfo.staffPhoto = photo
  }
}
const actions = {
  // 登录 这一整段代码使一个promise 所以登录页可以用await等到结果  总结：async使一个promise
  async login(context, data) {
    const token = await login(data)
    context.commit('setToken', token)
  },
  // 获取用户基本信息
  async getUserInfo(context) {
    // 获取用户信息
    const res = await getUserInfo()
    // 拿着用户的id获取用户详情
    const res2 = await getUserDetail(res.userId)
    // 把详情和基本信息添加到userInfo中
    context.commit('setUserInfo', {
      ...res,
      ...res2
    })
  },
  // 退出登陆，需要清理token和用户信息,如果不在这里处理，也可以在退出的时候，发两次mutations
  logout(context) {
    context.commit('removeToken') // 清除token
    context.commit('removeUserInfo') // 清除用户信息
    // 按需引入，在使用，重置路由
    resetRouter()
    context.commit('permission/setRoules', [], { root: true }) // 退出时，把路由重置成只有静态路由， root:true 就会从根路径中查找，如果不加从一个模块往另一个模块调mutations会报错
    // 退出后把存储在本地的颜色主体也删除掉
    context.commit('settings/resetTheme', null, { root: true })
  }
}

export default {
  // 开启命名空间
  namespaced: true,
  state,
  mutations,
  actions
}

